<!-- HTML5文件 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>捎品驿站-首页</title>
		<link rel="stylesheet" href="assets/agile/css/agile.layout.css">
		<link rel="stylesheet" href="assets/third/seedsui/plugin/seedsui/seedsui.min.css">
		<link rel="stylesheet" href="css/mystyle.css">
	</head>
	<body>
		<div id="aside_container">
			<aside id="area_asider" data-position="left" data-transition="overlay">
				<header>
		            <div class="titlebar">
		            	 <a class="left back" href="javascript:void(0)">
		                   <span class="icon icon-arrowleft"></span>
		                </a>
		                <h1 class="text-center">请选择小区</h1>

		            </div>
		        </header>
				<article data-role="article" class="active">
					<div class="scroller">
						<div class="coordinate">
							<div class="title">当前定位小区</div>
							<div class="cur_area">
								<button  class="area submit"><label for="">爱西华庭</label></button >
							</div>
						</div>
						<div class="arealist">

						</div>
					</div>
				</article>
			</aside>	
		</div>
		<div id="section_container">
			<section id="index_section" data-role="section" class="active">
				<header>
		            <div class="titlebar">
		            	 <a class="left"  href="#area_asider" data-toggle="aside">
		                   切换小区
		                </a>
		                <h1 class="text-center">捎品驿站</h1>
		                <a class="right" data-toggle="html" href="#callback">
		                   反馈
		                </a>
		            </div>
		        </header>
				<article data-role="article" id="index_article" class="active">
					<div class="scroller">
						<!-- 广告位置 -->
							<div id="slide" data-role="slider" class="full" style="height: 300px;">
							    <div class="scroller">
							        <div class="slide">
							            <img src="assets/app/img/slide1.jpg" class="full-width"/>
							     
							        </div>
							        <div class="slide">
							            <img src="assets/app/img/slide2.jpg" class="full-width"/>
							            
							        </div>
							        <div class="slide">
							            <img src="assets/app/img/slide3.jpg" class="full-width"/>
							            
							        </div>
							    </div>
							</div>
 						<!-- 广告位置  -->
 						<div class="modelist">
 							<ul class="list">
 								<li>
 									<div class="img wash">
 										
 									</div>
 									<div class="txt">
 										<div class="title">云洗衣</div>
 										<div class="info">我的云洗衣(品牌洗衣折扣)</div>
 									</div>
 								</li>
 								<li>
 									<div class="img shopingg">
 										
 									</div>
 									<div class="txt">
 										<div class="title">社区拼购</div>
 										<div class="info">西农哥(本地时令生鲜电商)</div>
 									</div>
 								</li>
 								 <li>
 									<div class="img post">
 										
 									</div>
 									<div class="txt">
 										<div class="title">快递中心</div>
 										<div class="info">我的快递(物流管家)</div>
 									</div>
 								</li>
 								<li>
 									<div class="img market">
 										
 									</div>
 									<div class="txt">
 										<div class="title">楼下小店</div>
 										<div class="info">我的楼下小店(生鲜便利)</div>
 									</div>
 								</li> 								
 							</ul>
 						</div>
					</div>
				</article>
				
				<footer>
					<ul class="menubar">
		                <li class="tab active" data-role="tab" href="#index_article" data-toggle="article">
		                    <i class="icon icon-home-fill"></i>
		                    <label class="tab-label">首页</label>
		                </li>
		                <li class="tab" data-role="tab" href="#ui_article" data-toggle="article">
		                    <i class="icon icon-file-fill"></i>
		                    <label class="tab-label">订单</label>
		                </li>
		                <li class="tab" data-role="tab" href="#case_article" data-toggle="article">
		                    <i class="icon icon-shop-fill"></i>
		                    <label class="tab-label">包裹</label>
		                </li>
		                <li class="tab" data-role="tab" href="#info_article" data-toggle="article">
		                    <i class="icon icon-rdomale-fill"></i>
		                    <label class="tab-label">我的</label>
		                </li>
		            </ul>
				</footer>
				
				
			</section>
		</div>
		
		<!--- third -->
		<script src="assets/third/zepto/zepto.min.js"></script>
		<script src="assets/third/iscroll/iscroll-probe.js"></script>
		<!---  agile -->
		<script type="text/javascript" src="assets/agile/js/agile.js"></script>		
<!-- 		<script type="text/javascript" src="assets/bridge/exmobi.js"></script>
		<script type="text/javascript" src="assets/bridge/agile.exmobi.js"></script> -->		
		<!-- app -->
		<script type="text/javascript" src="assets/third/seedsui/plugin/seedsui/seedsui.min.js"></script>
		<script type="text/javascript" src="js/c.js"></script>
		<script type="text/javascript" src="js/u.js"></script>
		<script type="text/javascript" src="js/home.js"></script>	
		<script>

		</script>
	</body>
</html>